<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="f" uri="http://java.sun.com/jsf/core"%>
<%@ taglib prefix="h" uri="http://java.sun.com/jsf/html"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Danh Sach Account</title>
<link rel="stylesheet" href="../css/style.css" type="text/css" />
</head>
<body>
	<f:view>
		<h:form>
		
			<h:dataTable value="#{listAccountController.accounts }" var="account"
				styleClass="address" captionClass="addressCaption"
				headerClass="addressHeader" footerClass="addressFooter"
				rowClasses="oddRow,evenRow">
				<f:facet name="caption">
					<h:outputText value="List of Account"></h:outputText>
				</f:facet>
				<h:column>
					<f:facet name="header">
						<h:outputText value="ID"></h:outputText>
					</f:facet>
					<h:outputText value="#{account.id}"></h:outputText>

				</h:column>
				<h:column>
					<f:facet name="header">
						<h:outputText value="Ten Dang Nhap"></h:outputText>
					</f:facet>
					<h:outputText value="#{account.tenDangNhap}"></h:outputText>

				</h:column>
				<h:column>
					<f:facet name="header">
						<h:outputText value="Password"></h:outputText>
					</f:facet>
					<h:outputText value="#{account.passWord}"></h:outputText>

				</h:column>
				<h:column>
					<f:facet name="header">
						<h:outputText value="Ho Ten"></h:outputText>
					</f:facet>
					<h:outputText value="#{account.hoTen}"></h:outputText>

				</h:column>
				<h:column>
					<f:facet name="header">
						<h:outputText value="Email"></h:outputText>
					</f:facet>
					<h:outputText value="#{account.email}"></h:outputText>

				</h:column>

			</h:dataTable>

		</h:form>
		<h:form>
			<h:inputText value="abc" styleClass="textbox">

			</h:inputText>
			<h:commandButton action="abc" value="OK" styleClass="css_button"></h:commandButton>
		</h:form>
		<h:form>
			<h:selectOneMenu value="#{selectItemController.selectItem}" styleClass="dropdown">
				<f:selectItems value="#{selectItemController.allAccount}" var="account" itemValue="#{account.id}" itemLabel="#{account.hoTen}"/>
			</h:selectOneMenu>
			<h:commandButton value="OK" action="#{selectItemController.transfeData }" styleClass="css_button"></h:commandButton>
		</h:form>
		
		<h:form>
		
			<h:selectManyListbox value="#{selectItemController.selectItem}">
				<f:selectItems value="#{selectItemController.allAccount}" var="account" itemValue="#{account.id}" itemLabel="#{account.hoTen}"/>
			
			</h:selectManyListbox>
			<h:commandButton value="OK" action="#{selectItemController.transfeData }" styleClass="css_button"></h:commandButton>
			
		</h:form>

	</f:view>
</body>
</html>